
<!DOCTYPE html>
<html lang="en">
    
    <head>
        <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
            <meta name="screen-orientation" content="portrait">
                <!-- uc强制竖屏 -->
                <meta name="x5-orientation" content="portrait">
                    <!-- QQ强制竖屏 -->
                    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
                    <link rel="stylesheet" href="style.css">
    </head>
    
    <body>
        <div class="animate_all">
            
            <!-- 足球场地 -->
            <div class="animate_field">
                <!-- <canvas id="animate_field" ></canvas> -->
                <!-- 主队进球 -->
                <div class="goal_zhu goal_one  common_goal">
                    <ul>
                        <li class="goal_time">
                            <dl>
                                <dt class="time">84<span>&acute;</span></dt>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_line">
                            <img src="goal.png" alt="">
                                </li>
                    </ul>
                </div>
                <!-- 客队进球 -->
                <div class="goal_ke goal_one common_goal ">
                    <ul>
                        <li class="goal_line">
                            <img src="goal_ke.png" alt="">
                                </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_time">
                            <dl>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                                <dt class="time">84<span>&acute;</span></dt>
                            </dl>
                        </li>
                    </ul>
                </div>
                <!-- 主队       球门射偏 -->
                <div class="goal_zhu common_goal goal_zhu_pian goal_pian">
                    <ul>
                        <li class="goal_time">
                            <dl>
                                <dt class="time">84<span>&acute;</span></dt>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="pian">
                            <img src="zhu_pian.png" alt="">
                                <img class="x" src="×.png" alt="">
                                    </li>
                    </ul>
                </div>
                <!-- 客队       球门射偏 -->
                <div class="goal_ke common_goal goal_ke_pian goal_pian">
                    <ul>
                        <li class="pian">
                            <img src="ke_pian.png" alt="">
                                <img class="x" src="×.png" alt="">
                                    </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_time">
                            <dl>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                                <dt class="time">84<span>&acute;</span></dt>
                            </dl>
                        </li>
                    </ul>
                </div>
                <!-- 主队       任意球 -->
                <div class="goal_zhu common_goal renyi_zhu ">
                    <ul>
                        <li class="goal_time">
                            <dl>
                                <dt class="time">84<span>&acute;</span></dt>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                    </ul>
                </div>
                <!-- 客队       任意球 -->
                <div class="goal_ke common_goal renyi_ke">
                    <ul>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_time">
                            <dl>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                                <dt class="time">84<span>&acute;</span></dt>
                            </dl>
                        </li>
                    </ul>
                </div>
                <!-- 求进入网 -->
                <div class="ru_wang ">
                    <div class="goal_time">
                        <dl>
                            <dt class="time">84<span>&acute;</span></dt>
                            <dd>
                                <strong class="team">皇家马德里</strong>
                                <span class="event">进球</span>
                            </dd>
                        </dl>
                    </div>
                </div>
                <!-- 主队  角球 -->
                <div class="jiaoqiu goal_zhu common_goal rb jiaoqiu_zhu">
                    <ul>
                        <li class="goal_time">
                            <dl>
                                <dt class="time">84<span>&acute;</span></dt>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_line">
                            <img src="ke_pian.png" alt="">
                                </li>
                    </ul>
                </div>
                <!-- 主队  角球 -->
                <div class="jiaoqiu goal_zhu common_goal rt jiaoqiu_zhu">
                    <ul>
                        <li class="goal_time">
                            <dl>
                                <dt class="time">84<span>&acute;</span></dt>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_line">
                            <img src="jiaoqiu_lt.png" alt="">
                                </li>
                    </ul>
                </div>
                <!-- 客队  角球 -->
                <div class="jiaoqiu goal_ke common_goal  lb jiaoqiu_ke ">
                    <ul>
                        <li class="goal_line">
                            <img src="jiaoqiu_lb.png" alt="">
                                </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="ke_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_time">
                            <dl>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                                <dt class="time">84<span>&acute;</span></dt>
                            </dl>
                        </li>
                    </ul>
                </div>
                <!-- 客队  角球 -->
                <div class="jiaoqiu goal_ke common_goal  lt jiaoqiu_ke ">
                    <ul>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="ke_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_time">
                            <dl>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                                <dt class="time">84<span>&acute;</span></dt>
                            </dl>
                        </li>
                        <li class="goal_line">
                            <img src="jiaoqiu_lt.png" alt="">
                                </li>
                    </ul>
                </div>
                <!-- 界外 -->
                <div class="jiewai_tag common_center_content">
                    <div class="goal_time">
                        <dl>
                            <dd>
                                <strong class="team">皇家马德里</strong>
                                <span class="event">进球</span>
                            </dd>
                            <dt class="time">84<span>&acute;</span></dt>
                        </dl>
                    </div>
                </div>
                <!-- 界外  上左-->
                <div class="jiewai jiewai_tl">
                    <div class="goal_qiu">
                        <div class="ball">
                            <img src="zhu_jq.png" alt="">
                                </div>
                        <small></small>
                    </div>
                    <div class="jie_line">
                        <img src="jie_tl.png" alt="">
                            </div>
                </div>
                <!-- 界外  上右-->
                <div class="jiewai jiewai_tr">
                    <div class="goal_qiu">
                        <div class="ball">
                            <img src="zhu_jq.png" alt="">
                                </div>
                        <small></small>
                    </div>
                    <div class="jie_line">
                        <img src="jie_tr.png" alt="">
                            </div>
                </div>
                <!-- 界外  下左-->
                <div class="jiewai jiewai_bl">
                    <div class="goal_qiu">
                        <div class="ball">
                            <img src="zhu_jq.png" alt="">
                                </div>
                        <small></small>
                    </div>
                    <div class="jie_line">
                        <img src="jie_bl.png" alt="">
                            </div>
                </div>
                <!-- 界外  下右-->
                <div class="jiewai jiewai_br">
                    <div class="goal_qiu">
                        <div class="ball">
                            <img src="zhu_jq.png" alt="">
                                </div>
                        <small></small>
                    </div>
                    <div class="jie_line">
                        <img src="jie_br.png" alt="">
                            </div>
                </div>
                <!-- 球门球  主-->
                <div class="qiuMQ goal_zhu qiuMQ_zhu">
                    <div class="goal_qiu">
                        <div class="ball">
                            <img src="zhu_jq.png" alt="">
                                </div>
                        <small></small>
                    </div>
                    <div class="jie_line">
                        <img src="qmq_zhu.png" alt="">
                            </div>
                </div>
                <!-- 球门球  客-->
                <div class="qiuMQ goal_ke qiuMQ_ke">
                    <div class="goal_qiu">
                        <div class="ball">
                            <img src="zhu_jq.png" alt="">
                                </div>
                        <small></small>
                    </div>
                    <div class="jie_line">
                        <img src="qmq_ke.png" alt="">
                            </div>
                </div>
                <!-- 控球 主-->
                <div class="kongq goal_zhu kongq_zhu">
                    <div class="kongq_content">
                        <div class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </div>
                        <div>
                            <span class="team">哥伦比亚</span>
                            <span class="event">控球</span>
                        </div>
                    </div>
                </div>
                <!-- 控球 客-->
                <div class="kongq goal_ke kongq_ke">
                    <div class="kongq_content">
                        <div class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </div>
                        <div>
                            <span class="team">哥伦比亚</span>
                            <span class="event">控球</span>
                        </div>
                    </div>
                </div>
                <!--点球 主-->
                <div class="goal_zhu common_goal dianq_zhu ">
                    <ul>
                        <li class="goal_time">
                            <dl>
                                <dt class="time">84<span>&acute;</span></dt>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                            </dl>
                        </li>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                    </ul>
                </div>
                <!--点球 客-->
                <div class="goal_ke common_goal   dianq_ke">
                    <ul>
                        <li class="goal_qiu">
                            <div class="ball">
                                <img src="zhu_jq.png" alt="">
                                    </div>
                            <small></small>
                        </li>
                        <li class="goal_time">
                            <dl>
                                <dd>
                                    <strong class="team">皇家马德里</strong>
                                    <span class="event">进球</span>
                                </dd>
                                <dt class="time">84<span>&acute;</span></dt>
                            </dl>
                        </li>
                    </ul>
                </div>
                <!-- 进攻 客 -->
                <div class="jin_g ke_jg goal_ke">
                    <div class="goal_qiu">
                        <div class="ball">
                            <img src="zhu_jq.png" alt="">
                                </div>
                        <small></small>
                    </div>
                </div>
                <!-- 进攻 主 -->
                <div class="jin_g zhu_jg goal_zhu">
                    <div class="goal_qiu">
                        <div class="ball">
                            <img src="ke_jq.png" alt="">
                                </div>
                        <small></small>
                    </div>
                </div>
                
                
                <!-- 右上角提示 -->
                <div>
                </div>
                
                
                
                <!-- 其他信息 -->
                <div class="otherInfo common_center_content">
                    <div class="otherInfo_box">
                        <span class="team">巴伦西亚</span>
                        <span class="event">换人</span>
                    </div>
                </div>
                
                
                <!-- 比赛结束 -->
                <div class="match_end">
                    <ul>
                        <li>
                            <img src="logo.png" alt="">
                                <span>皇家马德里</span>
                                </li>
                        <li>
                            <span>比赛结束</span>
                            <p><small class="zhu_fenshu">1</small><img src="dian.png" alt=""><small class="ke_fenshu">2</small></p>
                                </li>
                        <li>
                            <img src="logo.png" alt="">
                                <span>皇家马德里</span>
                                </li>
                    </ul>
                </div>
                
                
                
            </div>
            
            <div class="bottom">
                <ul>
                    <li class="team_zhu"></li>
                    <li class="team_middle">
                        <dl>
                            <dt>
                                <span></span>
                            </dt>
                            <dd>
                                <p></p>
                                <p>
                                </p>
                                <p></p>
                            </dd>
                        </dl>
                    </li>
                    <li class="team_ke"></li>
                </ul>
            </div>
            
            
        </div>
        <!--     <canvas id="canvas" width="750" height="335" style="background: #fff"></canvas> -->
    </body>
    <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
    <script src="./easeljs.min.js"></script>
    <script src="./Jcanvas.js"></script>
    <script>
        
        
        
        $(function() {
          
          var option = {
          info: {
          GuestTeamHalfScore: 2,
          GuestTeamId: "316",
          GuestTeamName_CN: "新英格兰革命",
          GuestTeamOrder: "东5",
          GuestTeamRedCard: 0,
          GuestTeamScore: 2,
          GuestTeamYellowCard: 1,
          HomeTeamHalfScore: 1,
          HomeTeamId: "326",
          HomeTeamName_CN: "圣何塞地震",
          HomeTeamOrder: "西11",
          HomeTeamRedCard: 0,
          HomeTeamScore: 2,
          HomeTeamYellowCard: 1,
          LeagueId: "21",
          LeagueName_CN: "美职业",
          MatchDateTime: "2018-06-14T10:35:00",
          MatchId: "1500296",
          MatchRealDateTime: "2018-06-14T11:41:30",
          MatchState: "1",
          TimeStamp: 1528943700000,
          },
          
          animate: null
          
          }
          
          var defaultOption = {
          info:{},
          animate:null,
          timer:null,
          ballImagesUrl: "http://101.132.148.59:303/MatchData/Team/image/",
          }
          
          
          
          
          
          
          
          
          
          
          
          window.showAnimate = function( option ) {
          
          var option = JSON.parse( option );
          defaultOption["info"] = option["info"];
          defaultOption["animate"] = option["animate"];
          
          
          
          /*比赛结束 ， 停止动画*/
          if( defaultOption["info"]["MatchState"] == -1 ){
          clearInterval( defaultOption.timer );
          
          defaultOption["animate"] = null;
          endMatch()
          return
          }
          
          
          if ( defaultOption.animate ) {
          var data = defaultOption.animate.shift();
          setTimeout( function(){
                     show( data )
                     
                     }, 50);
          
          }
          
          }
          
          
          
          showAnimate( JSON.stringify( option ) )
          
          // setTimeout(function(){
          //     defaultOption.animate = defaultOption.animate.concat(  [
          //         {
          //             EventId:1,
          //             EventName_CN:"危险进攻",
          //             EventType:20,
          //             Location:"",
          //             InJuryTime:"",
          //             State:"1",
          //             TeamId:"326",
          //             Time:"18"
          
          //         },
          //         {
          //             EventId:2,
          //             EventName_CN:"进攻",
          //             EventType:21,
          //             Location:"",
          //             InJuryTime:"",
          //             State:"1",
          //             TeamId:"326",
          //             Time:"20"
          
          //         },
          //         {
          //             EventId:3,
          //             EventName_CN:"角球",
          //             EventType:34,
          //             Location:"",
          //             InJuryTime:"",
          //             State:"1",
          //             TeamId:"326",
          //             Time:"21"
          
          //         },
          //         {
          //             EventId:4,
          //             EventName_CN:"界外球",
          //             EventType:33,
          //             Location:"",
          //             InJuryTime:"",
          //             State:"1",
          //             TeamId:"326",
          //             Time:"25"
          
          //         }
          //     ])
          
          //     console.log("添加了数组"  , defaultOption.animate )
          // }, 20000);
          
          
          
          
          defaultOption.timer = setInterval(function() {
                                            /*比赛结束 ， 停止动画*/
                                            if( defaultOption["info"]["MatchState"] == -1 ){
                                            clearInterval( defaultOption.timer );
                                            defaultOption["animate"] = null;
                                            endMatch()
                                            return
                                            }
                                            
                                            
                                            if ( defaultOption.animate ) {
                                            
                                            setTimeout( function(){
                                                       show( defaultOption["animate"] )
                                                       }, 50);
                                            
                                            }
                                            
                                            }, 5000)
          
          
          
          
          
          /**
           * @Author    Hybrid
           * @DateTime  2018-06-14
           * @copyright [ 比赛进行中 ， 动画]
           * @license   [license]
           * @version   [version]
           * @param     {[type]}    icurData [description]
           * @return    {[type]}             [description]
           */
          function show( icurData ) {
          
          //球队
          var TeamId = icurData["TeamId"] == defaultOption.info["HomeTeamId"] ? 1 : 0;
          //动画类型
          var EventType = icurData["EventType"];
          //事件名称
          var EventName_CN = icurData["EventName_CN"];
          //时间
          var Time = icurData["Time"];
          
          //界外球参数
          var Location = Number( icurData["Location"] );
          
          //信息
          var data = {
          time: Time,
          team: "",
          event: EventName_CN,
          };
          
          
          
          if( TeamId ){
          data.team = defaultOption.info["HomeTeamName_CN"]
          }else{
          data.team = defaultOption.info["GuestTeamName_CN"]
          }
          
          
          $(".animate_field > *").hide();
          
          switch ( EventType ) {
          
          //先开球
          case 1:
          break;
          
          
          //危险进攻
          case 20:
          
          if ( TeamId ) {
          
          $(".zhu_jg").css({ backgroundImage: 'url("weixian_zhu.png")' })
          /*创建--主队进球*/
          changeBall( TeamId , $(".zhu_jg"));
          $(".zhu_jg").show()
          
          
          } else {
          $(".ke_jg").css({ backgroundImage: 'url("weixian_ke.png")', "transform": "rotate(180deg)" })
          /*创建--客队进球*/
          changeBall( TeamId , $(".ke_jg"));
          $(".ke_jg").show()
          }
          
          
          tihuan($(".otherInfo"), data)
          $(".otherInfo").show();
          break;
          
          //进攻
          case 21:
          
          
          if ( TeamId ) {
          $(".zhu_jg").css({ backgroundImage: 'url("zhu_jg_bg.png")' })
          /*创建--主队进球*/
          changeBall( TeamId , $(".zhu_jg"));
          $(".zhu_jg").show()
          
          
          } else {
          $(".ke_jg").css({ backgroundImage: 'url("ke_jg_bg.png")', "transform": "rotate(180deg)" })
          /*创建--客队进球*/
          changeBall( TeamId , $(".ke_jg"));
          $(".ke_jg").show()
          }
          
          
          tihuan($(".otherInfo"), data)
          $(".otherInfo").show();
          
          break;
          
          //控球
          case 22:
          
          if ( TeamId ) {
          /*创建--主队进球*/
          tihuan($(".kongq_zhu"), data);
          $(".kongq_zhu").show()
          
          
          } else {
          /*创建--客队进球*/
          tihuan($(".kongq_ke"), data);
          $(".kongq_ke").show()
          }
          
          $(".otherInfo").show();
          
          
          break;
          
          //进球 --可能是
          case 23:
          
          $(".ru_wang").show()
          
          break;
          
          //黄排
          case 24:
          break;
          
          //红牌
          case 25:
          
          break;
          
          //球门球
          case 26:
          if ( TeamId ) {
          /*创建--主队进球*/
          tihuan($(".qiuMQ_zhu"), data);
          $(".qiuMQ_zhu").show()
          
          
          } else {
          /*创建--客队进球*/
          tihuan($(".qiuMQ_ke"), data);
          $(".qiuMQ_ke").show()
          }
          
          
          tihuan($(".otherInfo"), data);
          $(".otherInfo").show();
          
          
          break;
          
          //点球
          case 27:
          
          
          if ( TeamId ) {
          /*创建--主队进球*/
          tihuan($(".dianq_zhu"), data);
          $(".dianq_zhu").show()
          
          
          } else {
          /*创建--客队进球*/
          tihuan($(".dianq_ke"), data);
          $(".dianq_ke").show()
          }
          
          
          break;
          
          //射正球门
          case 28:
          
          break;
          
          
          break;
          
          //越位
          case 31:
          
          break;
          
          //任意球
          case 32:
          
          
          
          
          if ( TeamId ) {
          /*创建--主队进球*/
          tihuan($(".renyi_zhu"), data);
          $(".renyi_zhu").show()
          
          
          } else {
          /*创建--客队进球*/
          tihuan($(".renyi_ke"), data);
          $(".renyi_ke").show()
          }
          
          break;
          
          //界外球
          case 33:
          
          if ( TeamId ) {
          
          $(".jiewai").removeClass("goal_ke").addClass("goal_zhu");
          $(".jiewai_tag").removeClass("goal_ke").addClass("goal_zhu");
          tihuan($(".jiewai_tag"), data)
          
          
          switch ( Location ) {
          case 0:
          changeBall( TeamId , $(".jiewai_tl"));
          $(".jiewai_tl").show()
          
          break;
          case 1:
          
          changeBall( TeamId , $(".jiewai_tr"));
          $(".jiewai_tr").show()
          
          break;
          case 2:
          
          changeBall( TeamId , $(".jiewai_br"));
          $(".jiewai_bl").show()
          
          break;
          case 3:
          
          changeBall( TeamId , $(".jiewai_bl"));
          $(".jiewai_br").show()
          
          break;
          }
          
          
          
          } else {
          
          $(".jiewai").removeClass("goal_zhu").addClass("goal_ke");
          $(".jiewai_tag").removeClass("goal_ke").addClass("goal_zhu");
          tihuan($(".jiewai_tag"), data)
          
          switch ( Location ) {
          case 0:
          
          changeBall( TeamId , $(".jiewai_tl"));
          $(".jiewai_tl").show()
          break;
          case 1:
          
          changeBall( TeamId , $(".jiewai_tr"));
          $(".jiewai_tr").show()
          break;
          case 2:
          
          changeBall( TeamId , $(".jiewai_br"));
          $(".jiewai_bl").show()
          break;
          case 3:
          
          changeBall( TeamId , $(".jiewai_b2"));
          $(".jiewai_br").show()
          break;
          }
          }
          
          
          $(".jiewai_tag").show()
          
          break;
          
          //角球
          //0,3为客队
          //1，2主队
          case 34:
          
          
          if ( TeamId ) {
          
          /*创建--主队进球*/
          tihuan($(".jiaoqiu_zhu"), data);
          
          
          Location === 1 ?
          $(".jiaoqiu_zhu.rt").show() :
          $(".jiaoqiu_zhu.rb").show()
          
          
          
          } else {
          
          /*创建--客队进球*/
          
          tihuan($(".jiaoqiu_ke"), data);
          Location === 0 ?
          $(".jiaoqiu_ke.lt").show() :
          $(".jiaoqiu_ke.lb").show()
          }
          
          break;
          
          //点球射进 --可能是
          case 35:
          
          break;
          
          //点球射进的显示信息 --可能是  
          case 36:
          
          break;
          //危险任意球
          case 39:
          
          break;
          
          
          
          
          //射正阻挡
          case 29:
          //射门被阻挡
          case 40:
          //射门失败 --可能是
          case 41:
          
          
          if ( TeamId ) {
          /*创建--主队进球*/
          tihuan($(".goal_zhu_pian"), data);
          $(".goal_zhu_pian").show()
          
          
          } else {
          /*创建--客队进球*/
          tihuan($(".goal_ke_pian"), data);
          $(".goal_zhu_pian").show()
          }
          
          
          
          
          break;
          //其他信息提示 --可能是
          case 42:
          
          
          tihuan($(".otherInfo"), data);
          $(".otherInfo").show();
          
          break;
          }
          
          
          bottomData(  defaultOption.info  )
          
          }
          
          /**
           * @Author    Hybrid
           * @DateTime  2018-06-19
           * @copyright [ 底部比赛数据 ]
           * @license   [license]
           * @version   [version]
           * @param     {[type]}    data [description]
           * @return    {[type]}         [description]
           */
          function bottomData( data ){
          $(".bottom .team_zhu").text( data.HomeTeamName_CN );
          $(".bottom .team_ke").text( data.GuestTeamName_CN );
          $(".bottom dt span").text( data.LeagueName_CN );
          $(".bottom dd p:eq(0)").text( data.HomeTeamScore );
          $(".bottom dd p:eq(2)").text( data.GuestTeamScore );
          }
          
          
          
          /*修改主客队的球 图片*/
          function changeBall(type, obj) {
          var img = $(".goal_qiu", obj).find("img");
          
          switch (type) {
          
          /*客队*/
          case 0:
          img.attr({ src: "ke_jq.png" })
          break;
          
          /*主队*/
          case 1:
          img.attr({ src: "zhu_jq.png" })
          break;
          }
          
          }
          
          
          
          /**
           * @Author    Hybrid
           * @DateTime  2018-06-14
           * @copyright [ 比赛结束 ]
           * @license   [license]
           * @version   [version]
           * @return    {[type]}    [description]
           */
          function endMatch(){
          $(".animate_field > *").hide();
          
          $(".match_end li").eq(0).find("img").attr({src:defaultOption.ballImagesUrl+defaultOption.info.HomeTeamId+".png"});
          $(".match_end li").eq(0).find("span").html( defaultOption.info.HomeTeamName_CN );
          $(".match_end li .ke_fenshu").html( defaultOption.info.GuestTeamScore );
          $(".match_end li .zhu_fenshu").html( defaultOption.info.HomeTeamScore );
          $(".match_end li").eq(2).find("img").attr({src:defaultOption.ballImagesUrl+defaultOption.info.GuestTeamId+".png"});
          $(".match_end li").eq(2).find("span").html( defaultOption.info.GuestTeamName_CN );
          
          
          $(".match_end").show();
          }
          
          
          
          function tihuan(obj, icurData) {
          
          $(".team", obj).html(text_maxShow(icurData.team));
          $(".time", obj).html(icurData.time);
          $(".event", obj).html(icurData.event);
          }
          
          
          
          
          
          /*文字超过几个字就显示点点*/
          function text_maxShow(str, nnum) {
          var num = num || 5;
          if (str.length > num) {
          return str.substring(0, num) + ".."
          }
          
          return str
          }
          })
        </script>
    
</html>
